<template>
	<view>
		<view class="convertib ">
			<view class="dfx jc-tb">
				<view class="btfons">可用余额</view>
				<!-- <view class="btfons zz"  @click="zhuanzhang">转账</view> -->
			</view>
			<view class="fonsz" style="margin: 24rpx 0 46rpx 0;">{{userInfo.user_money}}</view>
			<!-- <view class="dfx">
				<view class="m-r-40">
					<view class="btfons">数据资产</view>
					<view class="fonsz" style="margin: 20rpx 0 25rpx 0;">{{userInfo.user_integral}}</view>
				</view>
				<view>
					<view class="btfons">资产余额</view>
					<view class="fonsz" style="margin: 20rpx 0 25rpx 0;">{{userInfo.user_money }}</view>
				</view>
			</view> -->
			<view class="dfx jc-tb dib">
				<view @click="redemption(1)">转账</view>
				<view @click="redemption(2)">提现</view>
			</view>
		</view>
		<view @click="yemx" class="memx">余额明细</view>
		<!-- <view class="ts">
			注：10%增值积分池，90%到可用余额。
		</view> -->
	</view>
</template>

<script>
	import {
		mapActions
	} from 'vuex'
	export default {
		data(){
			return{
				// onShowOpen:false
			}
		},
		onShow() {
			this.getUser()
		},
		methods:{
			...mapActions(['getUser']),
			redemption(e){
				if(e === 1){
					uni.navigateTo({
						url:'/bundle/pages/balance_transfer/balance_transfer'
					})
				}else{
					uni.navigateTo({
						url:'/bundle/pages/convertibility/withdrawalBalance'
					})
				}
			},
			zhuanzhang(){
				uni.navigateTo({
					url:'/bundle/pages/balance_transfer/balance_transfer'
				})
			},
			yemx(){
				uni.navigateTo({
					url:'/bundle/pages/user_bill/user_bill?type=user_money'
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	.dfx{
		display: flex;
	}
	.jc-tb{
		justify-content: space-between;
	}
	.memx{
		width: 676rpx;
		margin: 0 auto;
		text-align: right;
		font-size: 24rpx;
		margin-top: 30rpx;
	}
	.convertib{
		width: 676rpx;
		// height: 456rpx;
		background: #FFFFFF;
		border-radius: 20rpx;
		margin: 0 auto;
		margin-top: 76rpx;
		margin-bottom: 30rpx;
		padding: 48rpx 38rpx;
		.dib{
			view{
				width: 291rpx;
				height: 95rpx;
				background: #FF584D;
				border-radius: 47rpx;
				font-weight: bold;
				font-size: 29rpx;
				color: #FFFFFF;
				text-align: center;
				line-height: 95rpx;
			}
			
		}
		.fonsz{
			font-weight: bold;
			font-size: 40rpx;
		}
		.btfons{
			font-size: 23rpx;
		}
		.zz{
			width: 100rpx;
			height: 40rpx;
			border-radius: 50rpx;
			background-color: #FF584D;
			color: #FFFFFF;
			text-align: center;
			line-height: 40rpx;
			
		}
	}
	.ts{
		width: 578rpx;
		margin: 0 auto;
		font-size: 23rpx;
	}
</style>